import rowIcon from '../svg/tabs.svg';

export default () => {
    return {
        "componentName": "ElRow",
        "text": "行布局",
        "icon": rowIcon,
        "noUseForm": true,
        "props": {
            "gutter": 20,
            "justify": "start",
            "align": "top",
            "style": { // ✅ 新增默认行样式
                "border": "1px dashed #ccc",
                "padding": "12px",
                "marginBottom": "16px",
                "minHeight": "80px",
                "background": "rgba(240, 240, 240, 0.5)"
            }
        },
        "children": [
            {
                "componentName": "ElCol",
                "props": {
                    "span": 12,
                    "style": { // ✅ 新增默认列样式
                        "border": "1px dashed #999",
                        "padding": "12px",
                        "background": "rgba(200, 200, 200, 0.3)",
                        "minHeight": "60px",
                        "display": "flex",
                        "alignItems": "center",
                        "justifyContent": "center"
                    }
                },
                "children": [] // 可嵌套其他组件或文本
            },
            {
                "componentName": "ElCol",
                "props": {
                    "span": 12,
                    "style": { // 同上
                        "border": "1px dashed #999",
                        "padding": "12px",
                        "background": "rgba(200, 200, 200, 0.3)",
                        "minHeight": "60px",
                        "display": "flex",
                        "alignItems": "center",
                        "justifyContent": "center"
                    }
                },
                "children": []
            }
        ]
    }
}
